{% extends "AcmeDemoBundle::employee.html.twig" %} 
{% block javascript %}
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/default/easyui.css') }}" />
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/icon.css') }}" />
<script type="text/javascript"
    src="{{ asset('bundles/acmedemo/js/jquery.easyui.min.js') }}"></script>



<script type="text/javascript">

$(function(){
	
	$('#tienphucap').mask('000,000,000,000,000', {reverse: true});
	$('#giamtrugiacanh').mask('000,000,000,000,000', {reverse: true});
	$('#lg').mask('999', {reverse: true});
    $.datepicker.regional[ "vi" ]
    $( "#ngaysinh" ).datepicker({
        dateFormat:"dd-mm-yy",
        changeMonth: true,
        changeYear: true,
   });
    $( "#ngayvaolam" ).datepicker({
        dateFormat:"dd-mm-yy",
        changeMonth: true,
        changeYear: true,
   });
    $( "#ngayvaodang" ).datepicker({
        dateFormat:"dd-mm-yy",
        changeMonth: true,
        changeYear: true,
   });
    
	$("#error").click(function() {
        $("#error").hide();
    });
	
    
	
	
        $("#button_ok").click(function() {
if($("#hoten").val() == ""){
                
                alert("Xin hãy nhập họ tên !");
                $("#hoten").focus();
                return;
            }
            if($("#diachi").val() == ""){
                alert("Xin hãy nhập địa chỉ!");
                $("#diachi").focus();
                return;
            }
            if($("#ngaysinh").val() == ""){
                alert("Xin hãy nhập ngày sinh!");
                $("#ngaysinh").focus();
                return;
            }
            if($("#dienthoai").val() == ""){
                alert("Xin hãy nhập điện thoại!");
                $("#dienthoai").focus();
                return;
            }
            if($("#phongban_hidden").val() == ""){
                alert("Xin hãy chọn phòng ban!");
                $("#phongban").focus();
                return;
            }
            if($("#chucvu_hidden").val() == ""){
                alert("Xin hãy chọn chức vụ!");
                $("#chucvu").focus();
                return;
            }
            if($("#ngayvaolam").val() == ""){
                alert("Xin hãy nhập ngày vào làm!");
                $("#ngayvaolam").focus();
                return;
            }
            
            
            if($("#trinhdo_hidden").val() == ""){
                alert("Xin hãy chọn trình độ!");
                $("#trinhdo").focus();
                return;
            }
            if($("#mucluong").val() == ""){
                alert("Xin hãy nhập mức lương!");
                $("#mucluong").focus();
                return;
            }
            if($("#hesocongviec").val() == ""){
                alert("Xin hãy nhập hệ số công việc!");
                $("#hesocongviec").focus();
                return;
            }
            if($("#lg").val() == ""){
                alert("Xin hãy nhập phần trăm lg !");
                return;
            }
            if($("#giamtrugiacanh").val() == ""){
                alert("Xin hãy nhập số tiền giảm trừ gia cảnh !");
                return;
            }
            $("#form").attr("action", "{{ path('acme_NhanVien_edit') }}" + "/" + {{nhanvien.id}});
            $("#form").submit();
        });
        $("#button_notok").click(function() {
        	 $("#form").attr("action", "{{ path('acme_NhanVien_list') }}");
             $("#form").submit();
        });
        
    });

</script>
{% endblock %}
{% block content %}
<div class="grid_16">
	<!-- TABS START -->
	<div id="tabs">
		<div class="container">
			<ul>
			<li><a href="{{ path('acme_NhanVien_list') }}"><span>Danh
                            sách nhân viên</span></a></li>

                <li><a class="current" href="{{ path('acme_NhanVien_input') }}"><span>Thêm
                            nhân viên</span></a></li>
			</ul>
		</div>
	</div>
	<!-- TABS END -->
</div>
<div class="grid_16" id="content">
	<form method="POST" id="form">
	       <input type="hidden" name="hi_hoten" value="{{filter.hoten}}">
	       <input type="hidden" name="hi_phongban" value="{{filter.phongbanid}}">
	       <input type="hidden" name="hi_trinhdo" value="{{filter.trinhdoid}}">
	       <input type="hidden" name="hi_chucvu" value="{{filter.chucvuid}}">
	       <input type="hidden" name="hi_lydo" value="{{filter.lydoid}}">
	       
		<div class="grid_16">
			<h1 class="users">Sửa Nhân viên</h1>
		</div>
		{% if exist == "phongban" %}
        <div class="grid_15">
            <p id="error" class="info">
                <span class="info_inner">Phòng ban không tồn tại ! Vui lòng
                    chọn lại !</span>
            </p>
        </div>
        {% elseif exist == "chucvu" %}
        <div class="grid_15">
            <p id="error" class="info">
                <span class="info_inner"> Chức vụ không tồn tại. Vui lòng
                    chọn lại !</span>
            </p>
        </div>
        {% elseif exist == "trinhdo" %}
        <div class="grid_15">
            <p id="error" class="info">
                <span class="info_inner">Trình độ không tồn tại. Vui lòng
                    chọn lại !</span>
            </p>
        </div>
        {% endif %}
		<div class="grid_15">
            <div class="portlet-header">
                <img alt="1"
                    src="{{ asset('bundles/acmedemo/images/profile.png') }}">
                Thông tin cá nhân
            </div>
            <div class="portlet-content">
                <label>Họ tên</label> <input class="smallInput" name="hoten"
                    value="{{nhanvien.hoten}}" id="hoten" type="text"> <label>Địa
                    chỉ</label> <input value="{{nhanvien.diachi}}" class="smallInput wide" name="diachi"
                    id="diachi" type="text"> <label>Ngày sinh</label> <input
                    class="smallInput" name="ngaysinh" value="{{nhanvien.ngaysinh|date('d-m-Y')}}"
                    id="ngaysinh" type="text"> <label>Điện thoại</label> <input
                    class="smallInput" name="dienthoai" id="dienthoai"
                    value="{{nhanvien.dienthoai}}" type="text">
            </div>
        </div>
        <div class="grid_15">
            <div class="portlet-header">
                <img alt="2" src="{{ asset('bundles/acmedemo/images/work.png') }}">
                Công việc
            </div>
            <div class="portlet-content">
                <label>Đơn vị/phòng ban</label>
                <input id="phongban" name="phongban" class="easyui-combogrid" style="width:150px" value="{{nhanvien.phongbanid.ma}}" data-options="
            panelWidth: 500,
            idField: 'id',
            textField: 'name',
            url: '{{ path('acme_phongban_json') }}',
            columns: [[
                {field:'id',title:'Mã',width:80},
                {field:'name',title:'Tên phòng ban',width:120},
                {field:'nhom',title:'Tên nhóm',width:120}
            ]],
            fitColumns: true
        ">
                <label>Chức vụ</label>
                <input id="chucvu" name="chucvu" class="easyui-combogrid" style="width:150px" value="{{nhanvien.chucvuid.ma}}" data-options="
            panelWidth: 500,
            idField: 'id',
            textField: 'name',
            url: '{{ path('acme_chucvu_json') }}',
            columns: [[
                {field:'id',title:'Mã',width:80},
                {field:'name',title:'Tên chức vụ',width:120},
                {field:'heso',title:'Hệ số',width:120}
            ]],
            fitColumns: true
        ">
                <label>Ngày vào làm</label> <input class="smallInput"
                    value="{{nhanvien.ngayvaolam|date('d-m-Y')}}" name="ngayvaolam" id="ngayvaolam"
                    type="text"> <label>Ngày vào đảng</label> <input
                    class="smallInput" name="ngayvaodang" value="{{nhanvien.ngayvaodang|date('d-m-Y')}}"
                    id="ngayvaodang" type="text">
            </div>
        </div>

        <div class="grid_15">
            <div class="portlet-header">
                <img alt="3" src="{{ asset('bundles/acmedemo/images/study.png') }}">
                Học tập
            </div>
            <div class="portlet-content">
                <label>Trình độ</label>
                <input id="trinhdo" name="trinhdo" class="easyui-combogrid" style="width:150px" value="{{nhanvien.trinhdoid.ma}}" data-options="
            panelWidth: 500,
            idField: 'id',
            textField: 'name',
            url: '{{ path('acme_trinhdo_json') }}',
            columns: [[
                {field:'id',title:'Mã',width:80},
                {field:'name',title:'Trình độ',width:120}
                
            ]],
            fitColumns: true
        ">
            </div>
        </div>

        <div class="grid_15">

            <div class="portlet-header">
                <img alt="3" src="{{ asset('bundles/acmedemo/images/money.png') }}">
                Lương
            </div>
            <div class="portlet-content">
                <label>Mức lương</label> <input class="smallInput" name="mucluong"
                    value="{{nhanvien.mucluong}}" id="mucluong" type="text"> <label>Hệ
                    số lương công việc</label> <input class="smallInput" name="hesocongviec"
                    value="{{nhanvien.hesoluongcv}}" id="hesocongviec" type="text"> <label>Tính
                    bảo hiểm</label> {% if nhanvien.tinhbaohiem == "on" %} <input name="tinhbaohiem"
                    id="tinhbaohiem" type="checkbox" checked="checked"> {%
                else %} <input name="tinhbaohiem" id="tinhbaohiem" type="checkbox">
                {% endif %} <label>Tính ăn trưa</label> {% if nhanvien.tinhantrua == "on" %}
                <input name="tinhantrua" id="tinhantrua" type="checkbox"
                    checked="checked"> {% else %} <input name="tinhantrua"
                    id="tinhantrua" type="checkbox"> {% endif %} <label>Tiền
                    phụ cấp</label> <input class="smallInput" name="tienphucap" id="tienphucap"
                    value="{{nhanvien.tienphucap}}" type="text">
                    <label>
                    Phần trăm lg</label> <input name="lg" id="lg"
            class="smallInput" type="text" value="{{nhanvien.lg}}" > 
            Giảm trừ gia cảnh</label> <input name="giamtrugiacanh" id="giamtrugiacanh"
            class="smallInput" type="text" value="{{nhanvien.giamtrugiacanh}}" > 
            </div>
        </div>
        <div class="grid_16">
            <a class="button_ok" id="button_ok"> <span>Thêm</span>
            </a> <a class="button_notok" id="button_notok" > <span>Hủy</span>
            </a>
        </div>
	</form>
</div>
{% endblock %} 
